<div class="row" style="margin-top: 10px">
    <div class="col-md-7" style="border:1px" ng-controller="callHistoryCtrl">

        <div class="row">
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <h4>来电记录表：</h4>
            </div>
            <div class="col-md-offset-8">
                <button type="button" class="btn btn-success">
                    <i class="fa fa-plus" aria-hidden="true"></i>
                    新建工单

                </button>
            </div>
        </div>
        <table class="table table-hover">
            <thead>
            <tr class="table-header">
                <th>关闭</th>
                <th>应答人</th>
                <th>来电号码</th>
                <th>来电时间</th>
                <th>接电号码</th>
                <th>通话时长</th>
                <th>听录音</th>
                <th class="m30">建立工单</th>
            </tr>
            </thead>
            <tbody>

            <tr ng-repeat="callHistory in callHistoryList" >
                <td><i class="fa fa-times" aria-hidden="true"></i></td>
            <tr ng-repeat="callHistory in callHistoryList">
                <td><i class="fa fa-times" aria-hidden="true"></i></td>
                <td>{{callHistory.answerEmployeeName}}</td>
                <td>{{callHistory.answerPhoneNum}}</td>
                <td>{{callHistory.callTime}}</td>
                <td>{{callHistory.answerTime}}</td>
                <td>{{callHistory.callTotalTime}}</td>
                <td ng-click="setVideo()"><audio  src="music/1.m4a" controls="controls">
                </audio>
                <!--<a href="#"><i class="fa fa-volume-up" aria-hidden="true"></i></a>--></td>
                <td>
                    <button class="btn-success">生成工单</button>
                </td>
            </tr>

            </tbody>
        </table>
        <page-box/>
        
    </div>

    <div class="col-md-5" style="border:1px" ng-controller="engineerCtrl">
        <h4>运维工程师工况</h4>
        <table class="table table-hover">
            <thead>
            <tr class="table-header">
                <th>超时分钟</th>
                <th>工单人</th>
                <th>电话时间</th>
                <th>抵达时间</th>
                <th>电话号码</th>
                <th class="m30">故障地点</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="engineer in engineerList">
                <td>{{engineer.expireTime}}分钟</td>
                <td>{{engineer.engineerName}}</td>
                <td>{{engineer.calledTime}}</td>
                <td>{{engineer.arrivedTime}}</td>
                <td>{{engineer.engineerPhoneNum}}</td>
                <td>{{engineer.troubleAddress}}</td>
            </tr>

            </tbody>
        </table>
        <page-box/>
    </div>
    <div>
        <div class="row" style="margin-top: 10px" ng-controller="workOrderCtrl">
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <span><strong>工单信息列表：</strong>工单列表 今日总计{{orderCount}}张单，已解决{{resolveCount}}张，已指派{{assignCount}}张，未指派{{noAssignCount}}张，已抵达{{arrivedCount}}张，已终止{{endCount}}张，已暂停{{pauseCount}}张</span>
            </div>
            <table class="table table-hover">
                <thead>
                <tr class="table-header">
                    <th>工单号</th>
                    <th>问题科室</th>
                    <th>来电号码</th>
                    <th>故障描述</th>
                    <th>负责人</th>
                    <th>当前状态</th>
                    <th>是否暂停</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat=" workOrder in workOrderList">
                    <td>{{workOrder.workOrderNO}}</td>
                    <td>{{workOrder.departmentName}}</td>
                    <td>{{workOrder.callPhoneNumber}}</td>
                    <td>{{workOrder.troubleDetail}}</td>
                    <td>{{workOrder.chargePersonName}}</td>
                    <td>
                        {{orderStatusMap[workOrder.orderStatus]}}
                    </td>
                    <td>
                        {{workOrder.orderStatus==4?"已暂停":"未暂停"}}
                    </td>
                </tr>
                </tbody>
            </table>
            <page-box/>
        </div>
    </div>

</div>>